﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Bussiness.Product>>" %>
<%@ Import Namespace="Bussiness" %>
<link rel="stylesheet" href="../../Content/skitter.styles.css" />
<% var product = (Product)ViewData["ProductDetail"]; %>
<div style="padding-left:10px">

<div class="title">
    <span class="title_icon">
        <img src="../../Content/images/bullet1.gif" alt="" /></span><%= product.Name %></div>
<div class="feat_prod_box_details">
    <div class="prod_img">
        <a href="#" >
            <img src="<%=product.PathImage %>" alt="" border="0" width="150" height="150" style="-webkit-box-shadow: 0 9px 20px rgba(0,0,0,.4);  
        -moz-box-shadow: 0 9px 20px rgba(0,0,0,.4);  
        box-shadow: 0 9px 20px rgba(0,0,0,.4); " /></a>
        <br />
        <br />
        <a href="<%=product.PathImageLarge %>" rel="lightbox">
            <img src="../../Content/images/zoom.gif" alt="" border="0" /></a>
    </div>
    <div class="prod_det_box">
        <div class="box_top">
        </div>
        <%--<%= Html.Encode(item.ID) %>--%>
        <div class="box_center">
            <%--<div class="prod_title"> Chi tiết</div>--%>
            <p class="details">
                <%= product.Description %></p>
                <div class="price">
                <strong>Mã:</strong> <span class="red">
                    <%= product.Code %></span></div>
            <div class="price">
                <strong>Giá:</strong> <span class="red">
                    <%= Bussiness.Service.Utils.FormatDecimal(product.PriceExprort) %>
                    VNĐ</span></div>
            <% if (product.HaveSize == true)
               {%>
            <div class="price">
                <strong>Size:</strong> <span class="red">
                    <% foreach (var size in (IEnumerable<Bussiness.SizeProduct>)ViewData["ListSize"])
                       { %>
                    <%=   size.Size + "[SL: " + size.Count + "]" + " "%>
                    <%  } %>
                </span>
            </div>
            <%} %>
            <div class="price">
                <strong>Số lượng:</strong> <span class="red">
                    <%= product.Count %>
                    Sản phẩm</span></div>
            <a href="#" class="more"><img src="../../Content/images/order_now.gif" alt="" border="0" /></a>
            <div class="clear">
            </div>
        </div>
        
        <div class="box_bottom">
        </div>
    
        <%--link facebook--%>
        <br />
        <div class="fb-like" data-href="<%= Request.Url.AbsoluteUri %>"
            data-width="200" data-show-faces="true" data-send="true">
        </div>

    </div>
    <div class="clear">
    </div>
</div>
<div id="demo" class="demolayout">
    <ul id="demo-nav" class="demolayout">
        <li><a class="active" href="#tab1">Bình luận</a></li>
        <li><a class="" href="#tab2">Anh sản phẩm</a></li>
    </ul>
    <div class="tabs-container">
        <div style="display: block;padding:2px" class="tab" id="tab1">
            <div class="fb-comments" data-href="<%= Request.Url.AbsoluteUri %>"" data-width="450">
            </div>
        </div>
        <div style="display: none;" class="tab" id="tab2">
            <% foreach (var image in (IEnumerable<Bussiness.Images>)ViewData["ListImage"])
               {%>
            <div class="new_prod_box">
                <div class="new_prod_bg">
                    <a href="<%=image.UrlLager %>" rel="lightbox">
                        <img src="<%=image.Url %>" alt="" class="thumb" border="0" width="100" height="100" /></a>
                </div>
            </div>
            <%} %>
            <div class="clear">
            </div>
        </div>
    </div>
</div>


</div>
<script type="text/javascript">

    var tabber1 = new Yetii({
        id: 'demo'
    });


//              var _gaq = _gaq || [];
//              _gaq.push(['_setAccount', 'UA-2196019-1']);
//              _gaq.push(['_trackPageview']);

//              (function () {
//                  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
//                  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
//                  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
//              })();
</script>
